<?php
/*------------------------------------------------------------------------

# TZ Portfolio Extension

# ------------------------------------------------------------------------

# author    TranLamTemPlaza

# copyright Copyright (C) 2012 templaza.com. All Rights Reserved.

# @license - http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL

# Websites: http://www.templaza.com

# Technical Support:  Forum - http://templaza.com/Forum

-------------------------------------------------------------------------*/

defined('_JEXEC') or die;
$doc = JFactory::getDocument();
$doc->addStyleSheet('modules/mod_tz_teaser_slide/css/style.css');
$doc->addStyleSheet('modules/mod_tz_teaser_slide/showbizpro/css/settings.css');
$doc->addStyleSheet('modules/mod_tz_teaser_slide/showbizpro/fancybox/jquery.fancybox.css?v=2.1.3');
$doc->addScript('modules/mod_tz_teaser_slide/showbizpro/fancybox/jquery.fancybox.pack.js?v=2.1.3');
$doc->addScript('modules/mod_tz_teaser_slide/showbizpro/js/jquery.themepunch.showbizpro.min.js');

?>


<!-- DEMO III. -->
<div id="example3" class="showbiz-container">


    <!--	THE PORTFOLIO ENTRIES	-->
    <div class="showbiz" data-left="#showbiz_left_3" data-right="#showbiz_right_3">

        <!-- THE OVERFLOW HOLDER CONTAINER, DONT REMOVE IT !! -->
        <div class="overflowholder">
            <!-- LIST OF THE ENTRIES -->
            <ul>

                <!-- AN ENTRY HERE WITH PREDEFINED MEDIA SKIN-->
                <?php
                for($i=0;$i<count($rows);$i++){
                    if($i%3 == 0){$bgcolor = "greenbg";}
                    if($i%3 == 1){$bgcolor = "redbg";}
                    if($i%3 == 2){$bgcolor = "bluebg";}
                    ?>
                    <li class="sb-media-skin">
                        <?php
                        if($show_image == 1){
                            ?>
                            <!-- THE MEDIA HOLDER -->
                            <div class="mediaholder">
                                <div class="mediaholder_innerwrap">
                                    <img alt="" src="<?php echo JUri::base().substr($rows[$i] ->images,0,69)."_L.".substr($rows[$i] ->images,70,80);?>">
                                </div
                            </div><!-- END OF MEDIA HOLDER -->
                        <?php
                        }
                        if($show_title == 1){
                            ?>
                            <!-- ANIMATED HEADING INFORMATION, ALWAYS VISIBLE -->
                            <h4 class="showbiz-title go-to-top"><div class="<?php echo $bgcolor;?>"><a href="<?php echo $rows[$i] ->link;?>"><?php echo $rows[$i] ->title;?></a></div></h4>
                        <?php
                        }
                        if($show_introtext == 1){
                            ?>
                            <!-- REVEAL CONTAINER (SINGLE MODE) -->
                            <div class="reveal_container">

                                <!-- THE REVEAL CONTENT, ONLY IN DETAIL MODE VISIBLE -->
                                <div class="reveal_wrapper">
                                    <p class="p40"><?php echo $rows[$i] ->introtext;?></p>
                                </div>

                            </div><!-- END OF REVEAL CONTAINER -->


                                  <!-- THE REVEAL OPEN/CLOSE BUTTON - ONLY VISIBLE ON HOVER, DEFAULT STYLE -->
                            <a class="reveal_opener show_on_hover">
                                <span class="openme">+</span>
                                <span class="closeme">-</span>
                            </a>
                        <?php
                        }
                        ?>

                    </li><!-- END OF ENTRY HERE -->
                <?php
                }
                ?>
            </ul>
            <div class="sbclear"></div>
        </div> <!-- END OF OVERFLOWHOLDER -->
        <div class="sbclear"></div>
    </div>
</div><!-- END OF DEMO III. -->


<script type="text/javascript">

    jQuery(document).ready(function() {



        jQuery('#example3').showbizpro({
            dragAndScroll:"<?php if($drag_and_scroll==1){echo "on";} else echo "off";?>",
            visibleElementsArray:[3,2,1,1],
            carousel:"<?php if($carousel==1){echo "on";} else echo "off";?>",
            mediaMaxHeight:[200,260,400,200],
            rewindFromEnd:"<?php if($rewind_from_end==1){echo "on";} else echo "off";?>",
            autoPlay:"<?php if($auto_play==1){echo "on";} else echo "off";?>",
            delay:<?php echo $delay;?>,
            speed:<?php echo $speed;?>
        });



        // THE FANCYBOX PLUGIN INITALISATION
        jQuery(".fancybox").fancybox();
    });

</script>